<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta userName="viewport" content="width=device-width, initial-scale=1">
    <title>徐州精诚特卫保安服务有限公司</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/salaryExamine.css" rel="stylesheet">

    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootstrap-datetimepicker.js" ></script>
    <script src="js/bootstrap-datetimepicker.fr.js"></script>
    <script src="js/bootstrap-datetimepicker.zh-CN.js" ></script>
    <script src="js/style.js"></script>
    <script src="js/salaryExamine.js"></script>
    <script src="js/timeInput.js"></script>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">OA系统</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="personnelAnalysis.html">人事管理</a></li>
                <!--<li><a href="marketingManager.html">营销管理</a></li>-->
                <li><a href="operationProjectManager.html">运营管理</a></li>
                <!--<li><a href="financialManager.html">财务管理</a></li>-->
                <li><a href="warehouseGoodsBaseInformation.html">采购管理</a></li>
                <li><a href="ManageDepartment.html">基本设置</a></li>
            </ul>
        </div>
    </div>
</nav>
<div id="" class="container-fluid main-body">
    <div id="left-nav" class="">
        <div class="left-nav-userInfo">
            <div class="userHead">
                <a href="personnelCenter.html"><img class="userImg" src="imgs/user.png" href="personnelCenter.html" data-toggle="tooltip" data-placement="bottom" title="个人中心"></a>
            </div>
            <div class="userTitle">
                <p></p><span class="glyphicon glyphicon-log-out" data-toggle="tooltip" data-placement="top" title="注销" onclick="logout()" aria-hidden="true"></span>
            </div>
        </div>
        <ul class="left-nav-menu">
            <li class="left-nav-menu-li ">
                <a class="menu-link" href="operationProjectManager.html">
                    <img src="imgs/addressbook.png">
                    <div>薪资方案</div>
                </a>
            </li>
            <li class="left-nav-menu-li">
                <a class="menu-link" href="salarySet.html">
                    <img src="imgs/addressbook.png">
                    <div>薪资设置</div>
                </a>
            </li>
            <li class="left-nav-menu-li">
                <a class="menu-link" href="salaryQuery.html">
                    <img src="imgs/addressbook.png">
                    <div>工资查看</div>
                </a>
            </li>
            <li class="left-nav-menu-li li-active">
                <a class="menu-link" href="salaryExamine.html">
                    <img src="imgs/addressbook_fill.png">
                    <div>工资审核</div>
                </a>
            </li>
            <li class="left-nav-menu-li  none">
                <a class="menu-link"href="salaryReport.html">
                    <img src="imgs/addressbook.png">
                    <div>薪资报表</div>
                </a>
            </li>
        </ul>
    </div>
    <div id="salaryExaminePage1" class="right-panel">
        <div class="nav-path">
            <div class="path-title">
                <ul class="path-ul">
                    <li>工资审核</li>
                </ul>
            </div>
        </div>
        <div class="main-body-content">
            <div class="top-body" style="margin-top: 30px">
                <div class="search-content" style="height: 34px;">
                    <div class="search-left">
                        <div class="input-group col-xs-4">

                        </div>
                    </div>
                    <div class="search-right">
                        <button class="btn btn-default" type="button" data-toggle="modal" data-target="#myModal-addSalaryExamine">
                            添加审核
                        </button>
                    </div>
                </div>
            </div>
            <div class="table-body">
                <table class="table table-bordered">
                    <thead style="background-color: #F9FAFB">
                    <tr>
                        <th style="width: 34px; position: relative"><input id="select-allExamine" class="select-box" type="checkbox"></th>
                        <th>审批名称</th>
                        <th>薪酬日期</th>
                        <th>提交日期</th>
                        <th>应发总工资</th>
                        <th>工资状态</th>
                        <th>最后审批人</th>
                        <th>审批状态</th>
                        <th style="width: 50px">修改</th>
                        <th style="width: 50px">删除</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="table-tr">
                        <td class="dueDate-checkBox tbody-td-id" style="width: 34px"><input class="select-box select-sub-box" type="checkbox"></td>
                        <td class="salaryExamine-userName tbody-td-id"></td>
                        <td class="salaryExamine-salaryDate"></td>
                        <td class="salaryExamine-submitDate"></td>
                        <td class="salaryExamine-summarySalarying"></td>
                        <td class="salaryExamine-summarySalaryed"></td>
                        <td class="salaryExamine-lastExaminePersonName"></td>
                        <td class="salaryExamine-examineStatus"></td>
                        <td class="">
                            <a class="" data-toggle="modal" data-target="#myModal-changeSalaryScheme" onclick="setUpdateModalInformation(this)"><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span></a>
                        </td>
                        <td>
                            <a data-toggle="modal" data-target="#myModal-makeSureDelete" onclick="setMakeSureDeleteButtonValue(this)" value="dueDate"><span class="glyphicon glyphicon-trash" aria-hidden="true"></span></a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="page-body">
                <ul class="page-ul">
                    <li class="page-ul-li">
                        <div class="input-group" style="width: 110px">
                            <input type="text" class="form-control" placeholder="">
                            <span class="input-group-btn">
                                <button id="jump-button" class="btn btn-default" type="button">跳转</button>
                             </span>
                        </div>
                    </li>
                    <li class="page-ul-li"><a class="btn btn-default page-button"><span class="caret caret-left"></span></a></li>
                    <li class="page-ul-li" style="margin-top: 8px"><span>1/255</span></li>
                    <li class="page-ul-li"><a class="btn btn-default page-button"><span class="caret caret-right"></span></a></li>
                </ul>
            </div>
        </div>
    </div>
    <div id="salaryExaminePage2" class="right-panel hidden">
        <div class="nav-path">
            <div class="path-title-addStaff">
                <a href="#salaryExaminePage1" class="btn btn-default path-arrow-left">
                    <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
                </a>
                <ul class="path-ul">
                    <li>员工薪资详细</li>
                </ul>
            </div>
        </div>
        <div class="main-body-content">
            <div class="top-body" style="margin-top: 0px">
                <div class="search-content" style="height: 34px;">
                    <div class="search-left">
                        <div class="input-group col-xs-4">

                        </div>
                    </div>
                    <div class="search-right">

                    </div>
                </div>
            </div>
            <div class="table-body">
                <table class="table table-bordered">
                    <thead style="background-color: #F9FAFB">
                    <tr>
                        <th><input id="select-all" class="select-box" type="checkbox">员工姓名</th>
                        <th>基本工资</th>
                        <th>项目工资</th>
                        <th>迟到扣款</th>
                        <th>严重迟到扣款</th>
                        <th>绩效奖金</th>
                        <th>工龄奖金</th>
                        <th>病假扣款</th>
                        <th>事假扣款</th>
                        <th>其他扣款</th>
                        <th>应发工资</th>
                        <th>实发工资</th>
                        <th>操作<a class="deleteDepartmentInBatch-button" onclick="deleteStaffInBatch()">批量删除</a></th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="table-tr">
                        <td class="salaryExaminePage2-staffName"></td>
                        <td class="salaryExaminePage2-baseSalary"></td>
                        <td class="salaryExaminePage2-projectSalary"></td>
                        <td class="salaryExaminePage2-lateDeduct"></td>
                        <td class="salaryExaminePage2-seriousLateDeduct"></td>
                        <td class="salaryExaminePage2-performanceBonus"></td>
                        <td class="salaryExaminePage2-seniorityBonus"></td>
                        <td class="salaryExaminePage2-sickLeaveDeductions"></td>
                        <td class="salaryExaminePage2-affairLeaveDeductions"></td>
                        <td class="salaryExaminePage2-otherDeductions"></td>
                        <td class="salaryExaminePage2-salarying"></td>
                        <td class="salaryExaminePage2-salaryed"></td>
                        <td class="salaryExaminePage2-operating">
                            <a class="edit-a" data-toggle="modal" data-target="#myModal-changeStaffSalary">修改</a>
                            <a >删除</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="page-body">
                <ul class="page-ul">
                    <li class="page-ul-li">
                        <div class="input-group" style="width: 110px">
                            <input type="text" class="form-control" placeholder="">
                            <span class="input-group-btn">
                                <button id="jump-button" class="btn btn-default" type="button">跳转</button>
                             </span>
                        </div>
                    </li>
                    <li class="page-ul-li"><a class="btn btn-default page-button"><span class="caret caret-left"></span></a></li>
                    <li class="page-ul-li" style="margin-top: 8px"><span>1/255</span></li>
                    <li class="page-ul-li"><a class="btn btn-default page-button"><span class="caret caret-right"></span></a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal-addSalaryExamine" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">添加审批</h4>
            </div>
            <div class="modal-body" style="padding: 15px 20px;font-size: 14px">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="modal-addSalarySchemeName" class="col-xs-3 control-label"><span>*</span>审批名称</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-addSalarySchemeName" >
                        </div>
                    </div>
                    <!--<div class="form-group">
                        <label for="modal-addStaffJoinDate" class="col-xs-3 control-label"><span>*</span>薪酬日期：</label>
                        <div class="col-xs-7">
                            <input type="date" class="form-control" id="modal-addStaffJoinDate" >
                        </div>
                    </div>-->
                    <div class="form-group">
                        <label for="modal-addStaffJoinDate" class="col-xs-3 control-label"><span>*</span>薪酬日期：</label>
                        <div class="input-group date to_date col-xs-7" style="padding: 0 15px">
                            <input type="text" class="form-control" id="modal-addStaffJoinDate" value="年/月/日">
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                        </div>
                    </div>

                    <div class="form-group">
                        <label  class="col-xs-3 control-label"><span>*</span>选择审批对象</label>
                        <div class="col-xs-7">
                            <button class="btn btn-default" data-toggle="modal" data-target="#myModal-selectStaff" type="button">选择人员</button>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">确认</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal-changeSalaryScheme" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">修改薪资方案</h4>
            </div>
            <div class="modal-body" style="padding: 15px 20px;font-size: 14px">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="modal-changeSalarySchemeID" class="col-xs-3 control-label">薪资方案编号</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-changeSalarySchemeID" disabled="disabled">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-changeSalarySchemeName" class="col-xs-3 control-label"><span>*</span>薪资方案名称</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-changeSalarySchemeName" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-changeSalarySchemeBaseSalary" class="col-xs-3 control-label"><span>*</span>基本工资</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-changeSalarySchemeBaseSalary" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-changeSalarySchemeProjectSalary" class="col-xs-3 control-label">项目工资</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-changeSalarySchemeProjectSalary" placeholder="每小时多少钱">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-changeSalarySchemeLateDeduct" class="col-xs-3 control-label">迟到扣款</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-changeSalarySchemeLateDeduct" placeholder="迟到一次扣款多少">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-changeSalarySchemeSeriousLaSteDeduct" class="col-xs-3 control-label">严重迟到扣款</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-changeSalarySchemeSeriousLaSteDeduct" placeholder="严重迟到一次扣款多少">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-3 checkbox-div">
                            <input class="checkbox" type="checkbox" ><label>绩效奖金</label>
                        </div>
                        <div class="col-xs-7">
                            <input type="text"  class="form-control" id="modal-changeSalarySchemePerformanceBonus" placeholder="绩效奖金多少钱">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-3 checkbox-div">
                            <input class="checkbox" type="checkbox" ><label>工龄奖金</label>
                        </div>
                        <div class="col-xs-7">
                            <input type="text"  class="form-control" id="modal-changeSalarySchemeSeniorityBonus" placeholder="每年工龄奖金多少钱">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-3 checkbox-div">
                            <input class="checkbox" type="checkbox" ><label>病假扣款</label>
                        </div>
                        <div class="col-xs-7">
                            <input type="text"  class="form-control" id="modal-changeSalarySchemeSickLeaveDeductions" placeholder="每次扣款多少钱">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-3 checkbox-div">
                            <input class="checkbox" type="checkbox" ><label>事假扣款</label>
                        </div>
                        <div class="col-xs-7">
                            <input type="text"  class="form-control" id="modal-changeSalarySchemeAffairLeaveDeductions" placeholder="每次扣款多少钱">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-changeSalarySchemeBiggestWage" class="col-xs-3 control-label">每月最大工资</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-changeSalarySchemeBiggestWage" placeholder="每月最大工资多少钱">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">确认</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal-selectStaff" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">选择薪资方案</h4>
            </div>
            <div class="modal-body" style="padding: 15px 20px;font-size: 14px">
                <form class="form-horizontal">
                    <div class="form-group">
                        列表的形式列出部门和下面的人员
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">确认</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal-changeStaffSalary" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">修改员工薪资</h4>
            </div>
            <div class="modal-body" style="padding: 15px 20px;font-size: 14px">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label for="modal-changeSalarySchemeID" class="col-xs-3 control-label">员工姓名</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-changeStaffSalaryStaffName" disabled="disabled">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-changeStaffSalarySchemeBaseSalary" class="col-xs-3 control-label"><span>*</span>基本工资</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-changeStaffSalarySchemeBaseSalary" >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-changeStaffSalarySchemeProjectSalary" class="col-xs-3 control-label">项目工资</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-changeStaffSalarySchemeProjectSalary" placeholder="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-changeStaffSalarySchemeLateDeduct" class="col-xs-3 control-label">迟到扣款</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-changeStaffSalarySchemeLateDeduct" placeholder="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-changeStaffSalarySchemeSeriousLaSteDeduct" class="col-xs-3 control-label">严重迟到扣款</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-changeStaffSalarySchemeSeriousLaSteDeduct" placeholder="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-changeStaffSalarySchemePerformanceBonus" class="col-xs-3 control-label">绩效奖金</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-changeStaffSalarySchemePerformanceBonus" placeholder="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-changeStaffSalarySchemeSeniorityBonus" class="col-xs-3 control-label">工龄奖金</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-changeStaffSalarySchemeSeniorityBonus" placeholder="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-changeStaffSalarySchemeSickLeaveDeductions" class="col-xs-3 control-label">病假扣款</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-changeStaffSalarySchemeSickLeaveDeductions" placeholder="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-changeStaffSalarySchemeAffairLeaveDeductions" class="col-xs-3 control-label">事假扣款</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-changeStaffSalarySchemeAffairLeaveDeductions" placeholder="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-changeStaffSalarySchemeBiggestWage" class="col-xs-3 control-label">其他扣款</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-changeStaffSalarySchemeBiggestWage" placeholder="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-changeStaffSalarySalarying" class="col-xs-3 control-label">应发工资</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-changeStaffSalarySalarying" placeholder="">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="modal-changeStaffSalarySalaryed" class="col-xs-3 control-label">实发工资</label>
                        <div class="col-xs-7">
                            <input type="text" class="form-control" id="modal-changeStaffSalarySalaryed" placeholder="">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">确认</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>